<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>VueComponent</title>
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
	<!-- 
		一个重要的内置关系：VueComponent.prototype.__proto__ === Vue.prototype
		为什么要有这个关系：让组件实例对象（vc）可以访问到Vue原型上的属性、方法
	-->
		<!-- 准备好一个容器-->
		<div id="root">
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false
		
		function Demo(){
			this.a = 1
			this.b = 2
		}
		// 创建一个Demo的实例对象
		const d = new Demo()
		// 显示原型属性
		console.log(Demo.prototype)
		// 隐式原型属性
		console.log(d.__proto__)
		console.log(Demo.prototype === d.__proto__)
		// 通过显示原型属性操作原型对象
		Demo.prototype.c = 99
		console.log(d)
	</script>
</html>